<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>英雄联盟详情页</title>
    <link rel="stylesheet" href="./css/xiangqing.css">
</head>
<body>
    <div class="fixednav">
        <a href="#top">
            <i class="bg_sp btn_top"></i>
                 返回顶部
        </a>
        <a target="_blank" href="">反馈</a>
    </div>
    <div class="center">
        <div class="meu">
        <div class="top mian flex">
            <div class="top-left flex">
                <p>手机版</p>
                <span>丨</span>
                <p>Q币充值</p>
            </div>
            <div class="top-right flex">
                <div class="right-top">您还未登录，请登录</div>
                <div class="flex daohang">
                    <span>丨</span>
                    <p>我的订单</p>
                    <span>丨</span>
                    <p>个人中心</p>
                    <span>丨</span>
                    <p>帮助中心</p>
                    <span>丨</span>
                    <p>游戏导航</p>
                </div>
            </div>
        </div> 
    </div>
</div>
    </div>
   <div class="menu">
       <div class="search">
           <div class="searchbox mian flex">
            <div class="logobox flex">
                <a class="navico logo-djc" href="/mall/" target="_blank" title="道聚城"></a>
            </div>
            <div class="sbar flex">
                <div class="navico stext">
                    <a class="navico sbtn" id="btn_nav_search_submit">搜索</a>
                    <input type="text" value="输入道具进行搜索" attr_default="输入道具进行搜索" id="inpt_nav_search_name" class="js_btn_click_report" report_tag="mall.lol.index.categories_new">
                    <div id="blk_nav_search_keywordlist" class="keyword-list hide"></div>
                </div>
            </div>
            <div class="logogame flex">
                <a class="navico logo-lol" href="//lol.qq.com/" target="_blank" title="英雄联盟"></a>
            </div>
           </div>
           <div class="nav mian">
               <div class="nav-left mian flex">
                   <ul class="flex clearfix">
                       <li><a href="./index.html">首页</a></li>
                       <li><a href="./liebiao.html">商品列表</a></li>
                       <li><a href="">活动专区</a></li>
                       <li><a href="">限时折扣</a></li>
                       <li><a href="">聚豆乐园</a></li>
                       <li><a href="">周边商城</a></li>
                       <li><a href="">个人中心</a></li>
                   </ul>
                   <div class="nav-right flex">
                    <a href="" title="购物车">
                     <i id="cartNum">（0）</i>
                     <s class="navico i-cart"></s>
                     购物车
                    </a>
                </div>
               </div>   
           </div>
           <div class="subnav mian">
               <div class="subwarp mian flex">
                   <ul class="flex">
                       <li class="all-class"><a href="">全部分类</a></li>
                       <li><a href="">英雄</a></li>
                       <li><a href="">表情</a></li>
                       <li><a href="">海克斯以及其他</a></li>
                       <li><a href="">云顶之弈</a></li>
                       <li><a href="">皮肤</a></li>
                       <li><a href="">道具</a></li>
                       <li><a href="">守卫眼皮肤</a></li>
                       <li><a href="">道具包</a></li>
                   </ul>
               </div>
           </div>
       </div>
   </div>
   <div class="meu">
   <div class="location-box flex mian">
       <div class="flex">您现在的位置：英雄联盟>全部商品 > 道具详情</div>
   </div>
</div>
<div class="meu">
    <div class="layout mian flex">
        <div class="layout-left">
            <div class="sbcont">
                <h3>看了该商品的用户还看了
                    <span class="green-line"></span>
                </h3>
                <ul class="viewbuy-box">
                    <li class="flex">
                        <div class="djimg">
                            <img src="https://game.gtimg.cn/images/daoju/app/lol/rectangle/N-lol-1-100000-148727.jpg?_t=1620790457" alt="">
                        </div>
                        <div class="djinfo">
                            <p class="djname">欲望之主 泽拉斯 坚韧</p>
                            <p class="djprice">Q币价：20.00 Q币</p>
                            <p class="djcpri" style="font-size:12px;">微信价：<strong>￥19.40 </strong></p>
                        </div>
                    </li>

                    <li class="flex">
                        <div class="djimg">
                            <img src="https://game.gtimg.cn/images/daoju/app/lol/rectangle/pkg-26974.jpg?_t=1620800493" alt="">
                        </div>
                        <div class="djinfo">
                            <p class="djname">正义之枪 卢锡安 炫彩礼包</p>
                            <p class="djprice">Q币价：197.71 Q币</p>
                            <p class="djcpri" style="font-size:12px;">微信价：<strong>￥191.77  </strong></p>
                        </div>
                    </li>
                    <li class="flex">
                        <div class="djimg">
                            <img src="https://game.gtimg.cn/images/daoju/app/lol/rectangle/2-55012-.jpg?_t=1557906691" alt="">
                        </div>
                        <div class="djinfo">
                            <p class="djname">战斗学院 卡特琳娜</p>
                            <p class="djprice">Q币价：79.00 Q币</p>
                            <p class="djcpri" style="font-size:12px;">微信价：<strong>￥76.63 </strong></p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="sbcont">
                <h3>猜你喜欢
                    <span class="green-line"></span>
                </h3>
                <ul class="viewbuy-box">
                    <li class="flex">
                        <div class="djimg">
                            <img src="https://game.gtimg.cn/images/daoju/app/lol/rectangle/N-lol-1-100000-147153.jpg?_t=1601279316" alt="">
                        </div>
                        <div class="djinfo">
                            <p class="djname">神龙尊者 苍龙艾希</p>
                            <p class="djprice">Q币价：79.00 Q币</p>
                            <p class="djcpri" style="font-size:12px;">微信价：<strong>￥76.63  </strong></p>
                        </div>
                    </li>

                    <li class="flex">
                        <div class="djimg">
                            <img src="https://game.gtimg.cn/images/daoju/app/lol/rectangle/N-lol-1-100000-148745.jpg?_t=1620788056" alt="">
                        </div>
                        <div class="djinfo">
                            <p class="djname">秩序之舌 塔姆 学识</p>
                            <p class="djprice">Q币价：20.00 Q币</p>
                            <p class="djcpri" style="font-size:12px;">微信价：<strong>￥19.40  </strong></p>
                        </div>
                    </li>
                    <li class="flex">
                        <div class="djimg">
                            <img src="https://game.gtimg.cn/images/daoju/app/lol/rectangle/N-lol-1-100000-148752.jpg?_t=1620789427" alt="">
                        </div>
                        <div class="djinfo">
                            <p class="djname">正义之枪 卢锡安 学识</p>
                            <p class="djprice">Q币价：20.00 Q币</p>
                            <p class="djcpri" style="font-size:12px;">微信价：<strong>￥19.40  </strong></p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="sbcont mt10">
                <h3>周边商城
                    <span class="green-line"></span>
                </h3>
                <ul class="zbcont">
                    <li>
                        <div class="prodimg"><img src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201911/20191126100132_35987.jpg" alt=""></div>
                        <div class="prodinfo">
                            <p class="prodname">伊芙琳 中型雕塑</p>
                            <p class="prodpri"><strong>￥520.00</strong></p>
                        </div>
                    </li>
                    <li>
                        <div class="prodimg"><img src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201908/20190822094440_79524.jpg" alt=""></div>
                        <div class="prodinfo">
                            <p class="prodname">K/DA MV版鼠标垫（加长版）</p>
                            <p class="prodpri"><strong>￥129.00</strong></p>
                        </div>
                    </li>
                    <li>
                        <div class="prodimg"><img src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201903/20190306102312_74770.jpg" alt=""></div>
                        <div class="prodinfo">
                            <p class="prodname">K/DA 鼠标垫（加长版）</p>
                            <p class="prodpri"><strong>￥129.00</strong></p>
                        </div>
                    </li>
                </ul>
                <div class="morebox flex">更多></div>
            </div>
        </div>
        <div class="layout-right">
                <!-- <div class="layout-top">
                    <div class="top-left">
                        <div class="djinfobox  flex">
                            <div class="goods-img ">
                                <img src="https://game.gtimg.cn/images/daoju/app/lol/big/N-lol-1-100000-147355.jpg?_t=1603873137" alt="">
                                <div class="comico btn-goods-zoom "></div>
                                <div class="comico btn-goods-fav ">收藏商品</div>
                            </div>
                            <div class="goodsbuy-box">
                                <h2 class="goods-name">
                                    <span class="fl name">K/DA ALL OUT 伊芙琳</span>
                                </h2>
                                <div class="comico goods-bg">
                                    <dl class="flex">
                                        <dt class=" pt10">Q币价：</dt>
                                        <dd class="txt-line pt10">
                                            <span>79</span>
                                            <span>&nbsp;Q币</span>
                                        </dd>
                                    </dl>
                                    <dl class="flex">
                                        <dt class="fl">微信价：</dt>
                                       <dd class="fl">
                                           <span class="goods-price orange">￥76.63</span>
                                       </dd>
                                   </dl>
                                </div>
                                <dl class="pt18 flex">
                                    <dt>期限：</dt>
                                    <dd id="use_date">永久</dd>
                                </dl>
                                <div class="flex jiaru">
                                    <a href="" class="btnico btn-goods-cart btn-com" title="加入购物车">加入购物车</a>
                                    <a href="" class="btnico btn-goods-handsel btn-blue" title="赠送">赠送</a>
                                </div>
                            </div>
                           
                        </div>
                        
                     </div>
                </div>
                <div class="layout-button">
                   <div class="comico info-nav ">
                    <a href="javascript:;" class="focus" >商品详情</a>
                    <a href="javascript:;" class="mobile" id="">
                        手机购买<i class="comico i-code"></i>
                        <div class="codeimg">
                            <img src="https://js01.daoju.qq.com/common/images/channel/revision/lol/code.png" width="166" height="174" alt="二维码">
                        </div>
                    </a>
                   </div>
                   <div class="goods_tab">
                    <p class="dj-detail">K/DA ALL OUT 伊芙琳</p>
                   </div>
                </div>
        </div>
    </div> -->
    </div>
</div>
<div class="foot">
    <div class="foot-top mian flex">
        <div class="bx_qa_t1">
            <h4 class="bx_qa_title flex">
                <s class="i_sp i_new"></s>
                我是新手
            </h4>
            <ul class="bx_qa_ul c">
                <li><a title="什么是道聚城" target="_blank" class="btn_c"
                        href="/mall/help/help_daoju.shtml">什么是道聚城</a></li>
                <li><a title="如何购买道具" target="_blank" class="btn_c"
                        href="/mall/help/help_buy.shtml">如何购买</a></li>
                <li><a title="如何赠送道具" target="_blank" class="btn_c"
                        href="/mall/help/help_send.shtml">如何赠送</a></li>
                <li><a title="如何获取聚豆" target="_blank" class="btn_c"
                        href="/mall/help/help_judou.shtml">如何获取聚豆</a></li>
            </ul>
        </div>
        <div class="bx_qa_t1">
            <h4 class="bx_qa_title flex">
                <s class="i_sp i_qa"></s>
                个人中心
            </h4>
            <ul class="bx_qa_ul c">
                <li><a title="道具发货时间" target="_blank" class="btn_c"
                        href="/mall/help/help_provide.shtml">发货时间</a></li>
                <li><a title="道具如何领取" target="_blank" class="btn_c"
                        href="/mall/help/help_receive.shtml">如何领取</a></li>
                <li><a title="道具补发规则" target="_blank" class="btn_c"
                        href="/mall/help/help_reissue.shtml">补发规则</a></li>
                <li><a title="Vip价定义" target="_blank" class="btn_c"
                        href="/mall/help/help_vip.shtml">Vip价定义</a></li>
                <li><a title="道具状态定义" target="_blank" class="btn_c"
                        href="/mall/help/help_status.shtml">道具状态定义</a></li>
            </ul>
        </div>
        <div class="bx_qa_t1">
            <h4 class="bx_qa_title flex">
                <s class="i_sp i_pay"></s>
                支付方式
            </h4>
            <ul class="bx_qa_ul c">
                <li><a title="支付方式" target="_blank" class="btn_c"
                        href="/mall/help/help_payment.shtml">支付方式</a></li>
                <li><a title="购物点支付" target="_blank" class="btn_c"
                        href="/mall/help/help_ticket.shtml">购物点支付</a></li>
                <li><a title="如何充值" target="_blank" class="btn_c"
                        href="/mall/help/help_recharge.shtml">如何充值</a></li>
            </ul>
        </div>
        <div class="bx_qa_t1">
            <h4 class="bx_qa_title flex">
                <s class="i_sp i_kf"></s>
                腾讯在线服务
            </h4>
            <ul class="bx_qa_ul c">
                <li><a title="腾讯官方在线客服" target="_blank" class="btn_c" id="kf"
                        href="javascript:;">腾讯官方在线客服</a></li>
            </ul>
            <div class="business-link" target="_blank"
                href="//szcert.ebs.org.cn/1efd63b4-7863-490a-839f-53968220109f"></a>
            </div>
        </div>

        <div class="bx_qa_ul_last flex">
            <div class="last-a">
                <div class="foot-codeimg">
                    <img src="img/zsdjc.png" width="100" height="100" alt="掌上道聚城二维码">
                </div>
                <p class="foot-codename">掌上道聚城</p>
            </div>
            <div class="last-b">
                <div class="foot-codeimg">
                    <img src="img/wechatdjc.png" width="100" height="100" alt="道聚城公众号">
                </div>
                <p class="foot-codename">道聚城公众号</p>
            </div>
        </div>

    </div>
    <div id="footer_ied">
        <div class="wrap_ied">
            <p>
                <a href="" target="_blank">腾讯互动娱乐</a>
                | <a href="" target="_blank">服务条款</a>
                | <a href="" target="_blank">腾讯游戏隐私保护指引</a>
                | <a href="" target="_blank">腾讯游戏儿童隐私保护指引</a>
                | <a href="" target="_blank">广告服务</a>
                | <a href="" target="_blank">腾讯游戏招聘</a>
                | <a href="" target="_blank">腾讯游戏客服</a>
                | <a href="" target="_blank">游戏地图</a>
                | <a href="" target="_blank">腾讯公司 版权所有</a>
            </p>
            <p class="e">COPYRIGHT © 1998 – 2020 TENCENT. ALL RIGHTS RESERVED.</p>
            <p><a href="//www.tencent.com/law/mo_law.shtml?/law/copyright.htm" target="_blank">腾讯公司 版权所有</a>
            </p>
        </div>
    </div>
</div>
</div>
<script src="./js/jquery.js"></script>
<script src="./js/xiangqing.js"></script>
</body>
</html>